<template>

  <el-config-provider :locale="locale">
      <div style="width: 100%;min-width: 1200px;">
          <Top></Top>
          <div style="height: 60px"></div>
          <router-view></router-view>
          <Bottom></Bottom>
          <ToTop></ToTop>
      </div>

  </el-config-provider>

</template>

<script>
    import Top from '@/components/Top'

  import { defineComponent } from 'vue'
  import { ElConfigProvider } from 'element-plus'
    import Bottom from "@/components/Bottom";
  import zhCn from 'element-plus/lib/locale/lang/zh-cn'
    import ToTop from "@/components/other/ToTop";
    import {onMounted} from "@vue/runtime-core";
    import service from "@/assets/js/service";


  export default defineComponent({
    components: {
      ElConfigProvider,
        ToTop,
        Bottom,
        Top
    },
    setup() {

        onMounted(()=>{

            service.addVisitor()
        })
      return {
        locale: zhCn,
      }
    },
  })
</script>

<style lang="less">
  @Min-Height:2200px;
  @BackGround-color:rgb(23,29,32);
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

</style>
